<template>
  	<f7-page class="menu">
		<!--<f7-navbar title="Left Panel"></f7-navbar>-->
		<f7-block>
			<h3>{{user.name}}</h3>
			<p>工号:{{user.enum}}</p>
			<f7-button class="col" big fill raised color="red" @click="loginOut" panel-close>退出登录</f7-button>
		</f7-block>
		<f7-list class="marginT0">
			<!-- <f7-list-item link="javascript:;" title="交接日志" view="#main-view" @click="go('/banZuList/')"></f7-list-item> -->
			
		</f7-list>
  	</f7-page>
</template>
<script>
	export default {
		data () {
			return {
				user:JSON.parse(global.COURSES.loginMessage),
			}
		},
		created: function() {
				// console.log(this.user);
		},
		updated: function() {
		//        console.log(localStorage.loginMessage);
		},
		mounted () {
			

		},
		methods: {
			loginOut: function(){
				this.$f7.views.main.router.navigate('/login/');
			},
			go(path){
				this.$f7.panel.close()
				this.$f7.views.main.router.navigate(path);
			}
		}
	}
</script>
<style>
	.menu .item-media img{
		width: 20px;
		margin-right:-20px;
	}
	.menu .col-25{
		height:50px;
	}
	.menu .col-25 p{
		margin: 3px 0;
	}
	.menu .row{
		background-color: #efeff4;
	}
	.menu .ios .list,.menu .ios .block{
		margin: 20px 0;
	}
	.menu .text-center{
		text-align: center;
	}
	.menu .marginT0{
		margin-top: 0!important;
	}
</style>